cody - HTMLify profile
cody
4270 Files
632542 Views
Latest files of /cody/solygambas/html-css-javascript-projects/075-breakout game
style.css
cody/solygambas/html-css-javascript-projects/075-breakout game/style.css
@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&display=swap");
:root {
--background-color: #7f7fd5;
--background-secondary-color: #91eae4;
--canvas-color: #f0f0f0;
--text-color: rgba(255, 255, 255, 0.87);
--sidebar-color: #343457;
:root {
--background-color: #7f7fd5;
--background-secondary-color: #91eae4;
--canvas-color: #f0f0f0;
--text-color: rgba(255, 255, 255, 0.87);
--sidebar-color: #343457;
index.html
cody/solygambas/html-css-javascript-projects/075-breakout game/index.html
<!-- References: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API -->
<!-- https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
script.js
cody/solygambas/html-css-javascript-projects/075-breakout game/script.js
const rulesButton = document.getElementById("rules-btn");
const closeButton = document.getElementById("close-btn");
const rules = document.getElementById("rules");
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const color = getComputedStyle(document.documentElement).getPropertyValue(
"--button-color"
);
const closeButton = document.getElementById("close-btn");
const rules = document.getElementById("rules");
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const color = getComputedStyle(document.documentElement).getPropertyValue(
"--button-color"
);